html{overflow-x: clip;}

 body{ color: white;
}
  
 
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    10px;
    height: 490px;
max-width: 100%;}

.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}



.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}



.titreflex{

  text-align: center;  
padding: 60px;
margin-left:80px;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
    text-align: center;
  margin-top: 12%; }


.adresse h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 18PX;
    text-align: center;
    margin-top: -40PX;
    margin-left: 8%;

}


h1{ color: rgb(179, 180, 146);
text-align: center;
font-size: 35px;
margin-top: 90px;
font-weight: 700;}

.présentation{
  display: flex;
  justify-content: space-around;
  position: absolute;
margin-top: -60PX;
margin-left: -0%;
display: flex;

}

 h2{color:rgb(179, 180, 146);
font-size: 34px;
padding-top: 60%;
margin-left:560px;
font-weight: 700;
}
.pcabinet{margin-left: 38%;
height: 450PX;
margin-top: 80px;
}
p{color: black;

    font-size: 17px;
    margin-left: 260px;
    margin-top: 245px;
   border-style: double;
    border-color: silver;
    border-width: 7px;
    border-radius: 70px;
    padding: 50px;
    text-align: center;
    font-weight: 600;
}

.portrait{height: 200PX;
    width: 200PX;
    border-radius: 100%;
    border-style: double;
    border-color: silver;
    border-width: 8pX;
margin-left: 43%;
margin-top: 20px;
position: absolute;
z-index: 1;}



iframe
{margin-top: 900px;
margin-left: 350PX;
width: 600px;
height:380px;}

.rdv
{background-color:rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top:80px;
margin-left: 600PX;}

.footer
{height: 225PX;
  background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%); 
    margin-top: 140px;
  border: 5px;
border-style: dotted;
border-color: white;
  }


.foot
{text-align: center;
  margin-left: 5%;
color:white;
padding:40PX;
}

.mention{position: absolute;
    color:white;
  margin-left: 48%;
margin-top: 9PX;
list-style: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 52%;
    margin-top: -20PX;
    list-style: none;
  }
.légales{margin-top: -50PX;}
    
@media screen and (min-width: 300px) and (max-width: 650px){
 header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: -15px;
    height: 450px;
max-width: 100%;}
.logo
{ height: 80px;
  width: 80px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:20PX ;
 margin-left: 8PX;
z-index: 2;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
    padding-top: -65px;
    margin-top: 120Px;
    margin-left:-40px;
    text-align: center;
     }


.adresse h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 12PX;
    text-align: center;
  margin-top: -50px;
margin-left: 44PX;}
.navbar-nav > li > a
{font-size:12px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 40%;
    color:grey;
  margin-top: 5PX;
}
    .navbar-nav{flex-direction: column-reverse;
margin-top: -30PX;
}


  .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-top: 12PX;
margin-left: -300PX;}
  h1{font-size: 30PX;
  margin-top: -50px;}
  
  .portrait{height: 120px;
  width: 120PX;
  margin-left: 35%;
margin-top: 20%;
}
  
.présentation{
  display: flex;
  justify-content: space-between;
  position: absolute;
  padding-right: 8%;
margin-top: -80PX;
margin-left: -60%;
display: flex;
}

 h2{color:rgb(179, 180, 146);
font-size: 34px;
padding-top:280%;
font-weight: 700;
  margin-left: 26%;
  
}

.pcabinet{margin-top: 16%;
margin-left: 6%;
padding-left: 1%;
}

.rdv
{background-color:rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 40PX;
    width: 125PX;
position: absolute;
margin-top:15%;
margin-left: 34%;}

.footer
{height: 205PX;
    background-color:rgb(148, 145, 145); 
    margin-top: 188px; }

   .mention{position: absolute;
    color: white;
  margin-left: 36%;
margin-top: 20PX;}

 .politique{position: absolute;
    color: white;
    margin-left: 45%;
    margin-top: -4PX;
  } 
}
@media screen and (min-width: 651px) and (max-width: 1023px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    50px;
    height: 450px;
max-width: 100%;} 

.présentation{position: absolute;
width: 122%;
  margin-top: -60PX;
margin-left: -28%;
display: flex;
padding-left: 4%;
}
.portrait{height: 200PX;
    width: 200PX;
    border-radius: 100%;
    border-style: double;
    border-color: silver;
    border-width: 8pX;
margin-left: 38%;
margin-top: 20px;
position: absolute;
z-index: 1;}


 h2{color:rgb(179, 180, 146);
font-size: 34px;
margin-top:780PX;
margin-left:330px;
font-weight: 700;
}
img{margin-left: 32%;
height: 450PX;
margin-top: 60px;
}
p{color: black;

    font-size: 17px;
    margin-left: 260px;
    margin-top: 245px;
   border-style: double;
    border-color: silver;
    border-width: 7px;
    border-radius: 70px;
    padding: 50px;
    text-align: center;
    font-weight: 600;
} 
button.rdv{margin-top: 90PX;
margin-left: 45%;}


}









@media screen and (min-width: 1300px) {


header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    50px;
    height: 450px;
max-width: 100%;}

.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:16px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 10%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}




.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}



.titreflex{

  text-align: center;  
padding: 20px;
margin-top:-60PX;
margin-left:100px;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
    text-align: center; 
  margin-left: 10%;}


.adresse h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 18PX;
    text-align: center;
    margin-top: -20PX;
    margin-left: 15%;

}


h1{ color: rgb(181, 182, 153);
text-align: center;
font-size: 34px;
margin-top: 90px;
margin-left: 9%;}



p{color: black;
text-align: justify-all;
    font-size: 17px;
    margin-left: 280px;
    margin-top: 45px;
   border-style: double;
    border-color: silver;
    border-width: 7px;
    border-radius: 70px;
    padding: 30px;
}

.portrait{height: 200PX;
    width: 200PX;
    border-radius: 100%;
    border-style: double;
    border-color: silver;
    border-width: 8pX;
margin-left: 48%;
margin-top: 10px;
z-index: 2;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 0%;
    color:grey;}

.présentation{margin-top: 135PX;
margin-left: 18%;}

 h2{margin-left: 160PX;}
 
.pcabinet{margin-left: 45%;}
iframe
{margin-top: 900px;
margin-left: 350PX;
width: 600px;
height:380px;}

button
{background-color: rgb(181, 182, 153);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
top:1950px;
left: 960PX;}}

 @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}
  header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
  
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    0px;
    height: 450px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}


.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}

    h1{ color: rgb(179, 180, 146);
text-align: center;
font-size: 35px;
margin-top: 90px;
font-weight: 700;
margin-left: 10%;}

.présentation{position: absolute;
margin-top: -60PX;
margin-left: 10%;
display: flex;

}

 h2{color:rgb(179, 180, 146);
font-size: 34px;
margin-top:-150PX;
margin-left:720px;
font-weight: 700;
}
img{margin-left: 45%;
height: 450PX;
margin-top: 80px;
}
p{color: black;

    font-size: 17px;
    margin-left: 260px;
    margin-top: 245px;
   border-style: double;
    border-color: silver;
    border-width: 7px;
    border-radius: 70px;
    padding: 50px;
    text-align: center;
    font-weight: 600;
}

.portrait{height: 200PX;
    width: 200PX;
    border-radius: 100%;
    border-style: double;
    border-color: silver;
    border-width: 8pX;
margin-left: 48%;
margin-top: 20px;
position: absolute;
z-index: 1;}



button.rdv
{background-color:rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
top:1890px;
left: 160PX;}


.foot{margin-left: 14%;}





}